<!-- 分类 -->
<template>
	<view >
		<!-- 三级分类 -->
		<three-catgory :categoryStyleId="storeId"></three-catgory>
	</view>


</template>

<script>

	 
	import threeCatgory from './category/three-catgory.vue';

	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	export default {
		components: {

			threeCatgory,

		},
		data() {
			return {
				options: [{
						icon: 'https://image.hzwltb69.com/app/imgs/score/stroe_index_select.png',
						text: '首页',
						storeId: uni.getStorageSync("detailStoreId")
					}, {
						icon: 'https://image.hzwltb69.com/app/imgs/score/store_cate.png',
						text: '分类',
						info: 2,
						infoBackgroundColor: '#007aff',
						infoColor: "#f5f5f5",
						storeId: uni.getStorageSync("detailStoreId")
					}, {
						icon: 'https://image.hzwltb69.com/app/imgs/score/store_product.png',
						text: '全部宝贝',
						info: 2,
						storeId: uni.getStorageSync("detailStoreId")
					},
					{
						icon: 'https://image.hzwltb69.com/app/images/detailserver.png',
						text: '客服',
						info: 2,
						storeId: uni.getStorageSync("detailStoreId")
					}
				],
				categoryType: 4, //1:快速购买,2:一级分类，3:二级分类，4:三级分类
				categoryStyleId: 0, //分类Id
				storeId: uni.getStorageSync("detailStoreId")
			};
		},
		computed: {
			...mapGetters(['authType'])

		},
		onLoad() {

		},
		onShow() {
			 
		},
		methods: {

		}
	};
	 
 

</script>

<style lang="scss">
	.category-box {
		flex: 1;
		overflow: hidden;
	}

	.example-body {
		padding: 0;
		display: block;
	}

	.goods-carts {
		width: 100%;
		display: flex;
		flex-direction: column;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		height: 120rpx;
	}
</style>